<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>左边页面</TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="${base}/scripts/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<link rel="stylesheet" href="${base}/css/tree.css" type="text/css">
<script type="text/javascript" src="${base}/scripts/plugins/jquery-1.7.1.js"></script>
<script type="text/javascript" src="${base}/scripts/ztree/js/jquery.ztree.core-3.1.js"></script>
<script type="text/javascript">

	var zNodes = [
		<#list goodsCategoryList as category>
			{
				id : ${(category.id)!0}, 
				pId :${(category.parentId)!0}, 
				name : "${(category.categoryName)!''}", 
				open : false,
				url : "${base}/admin/goods/listByCategory.action?keyWord=${(category.id)!0}",
				target:"goods_right"
			}<#if category_index != (goodsCategoryList?size - 1)>
				,
			</#if>
		</#list>
	];

	var setting = {
		data: {
			simpleData: {
				enable: true
			}
		}
	};
	
	$(document).ready(function(){
		$.fn.zTree.init($("#treeDemo"), setting, zNodes);
	});
</script>
</head>
<body>
<div style="text-align:center;" >
<div id="scrollContent">
	<div>
		<ul id="treeDemo" class="ztree"></ul>
	</div>
</div>
</body>
</html>